<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>标题</title>
  <style>
    div {
      height: 100px;
      margin-top: 10px;
    }
  </style>

</head>

<body>
  <input type="button" value="设置边框" id="btnOne" />
  <input type="button" value="设置文本" id="btnTwo" />
  <div></div>
  <div></div>
  <div></div>
</body>

</html>
<script src="jquery-2.2.4.js"></script>
<!-- 需求：点击按钮给三个div设置边框和文本 -->
<script>
$(document).ready(function(){
    $('#btnOne').click(function(){
        $('div').css('border','1px solid red')
    })
    $('#btnTwo').click(function(){
        $('div').text('我是设置的文本')
    })
})
$(document).ready(function(){
    console.log('我又是一个入口函数');
})
// jQuery优点
// 1.代码简洁
// 2.声明多个入口函数
// 3.容错高，不会影响后面的代码  缺点：控制台不会报错
// 4.代码逻辑简洁

</script>